<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">

<style type="text/css">
	.container{
		background-image: url(images/search.jpg);
		width: 1000px;
		height: 400px;
	}

	form{
		margin:50px auto;
		background-color: #eee;
		opacity: .6;
	}

	input{
		background-color: #fff
	}

</style>
</head>
<body >
	
	<div class="container">
		<form  class="form-group">
			<input type="text" class="input-default col-sm-10 col-sm-offset-2" pleaceholder="请输入餐厅名称">
			<br><br><br>
			<input type="text" class=" col-sm-10 col-sm-offset-2" pleaceholder="请输入城市">


		</form>
	
	</div>







 <br><br><br><br>  <br><br><br><br>  <br><br><br><hr> 
<!-- 引入本地文件 bootstrap基于JQ上运行，需加载JQ文件-->
	<script src="lib/jquery/jquery-1.11.0.min.js"></script>
	<script src="lib/lib/js/bootstrap.min.js"></script>
</body>
</html>